<template>
  <MemoItem />

  <van-floating-bubble
    icon="arrow-left"
    @click="backToMemoList"
    v-model:offset="offset"
  />
</template>
<script setup>
import MemoItem from "@/features/Memo/MemoItem.vue";
import { useRouter } from "vue-router";
import { ref ,onMounted} from "vue";
import { getLeftPosition } from "@/utils/bubblePosition";

const offset = ref();

onMounted(() => {
  offset.value = getLeftPosition();
})


const router = useRouter();
function backToMemoList() {
  router.push("/memo");
}

</script>
